
.folderContainerPopover {
  padding: 20px;
  width: 400px;
  height: 420px;
  background-color: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  border: solid 1px #ddd;

  .ant-popover-arrow {
    display: none;
  }

  .ant-popover-inner {
    box-shadow: none !important;
  }

  .ant-popover-content {
    .ant-popover-inner-content {
      padding: 0;
      background-color: #fff;

      .folderContainerOverlay {
        height: 380px;
        display: flex;

        .topFolderContainer {
          width: 136px;
          padding: 7px;
          background-color: #fff;
          border: solid 1px #ddd;

          div {
            height: 32px;
            line-height: 32px;
            cursor: pointer;
            color: #666;
            &:hover {
              background-color: rgba(221,221,221,.4);
            }
          }

          .selectTopFolder {
            width: 120px;
            background-color: var(--ant-primary-1);
            border-radius: 4px;
            color: var(--ant-primary-color);
          }
        }

        .childFolder {
          flex: 1;
          padding: 7px;
          border: solid 1px #ddd;
          border-left: none;
          overflow: auto;

          .backLastLevel {
            height: 32px;
            line-height: 32px;
            color: #999;
            cursor: pointer;
          }

          .childFolderContainer {
            .ant-empty {
              margin-top: 50%;
              transform: translateY(-50%);

              .ant-empty-image .anticon {
                font-size: 80px;
              }
            }

            .childfolderItem {
              height: 32px;
              line-height: 32px;
              &:hover {
                background-color: rgba(221,221,221,.4);
              }
            }

            .selectFolder {
              width: 211px;
              height: 32px;
              background-color: #f5f5f5;
              border-radius: 4px;
            }
          }
          .ant-spin-nested-loading {
            height: 100%;
          }
        }
      }
    }
  }

}